import React from 'react';
/* 1. 引入一个 useState 的hook */
import { useState } from "react"
/* 
  函数式组件默认情况下是没有状态的概念
  函数式组件中实现类似类组件中的状态的功能

*/
const App = () => {
  // let count = 1;
  // Hook 规定是写在函数的最顶端的地方
  // count 现在是状态的值，setCount 改变状态的方法
  // count 和 setCount 两个的名字是自己任意起 
  // 2. 初始化状态和改变状态的方法
  let [count,setCount] = useState(8);// [value,setValue] 初始化化 0 
  return (
    <div>
      <h1>{count}</h1>
      <button onClick={()=>{
        // count++;
        // 3. 调用改变状态方法
        setCount(count+1);// => 重新执行函数式组件
      }}>+1</button>
    </div>
  );
}

export default App;
